<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	<link rel="stylesheet" href="index.css">
	<script src="./echarts.min.js"></script>
	<script src="../jQuery/jQuery.min.js"></script>
	<script src="index.js"></script>
</head>

<body >
	<div class="big iconfont">
		<div class="left">
			
			<div class="city">
				<h1 class="cs"></h1>
				<ul>
					<li class="time"><p class="uptime"></p>
					</li>
					<li class="font">&#xe605;</li>
					<li class="wd"> 气温: <p class="wendu"></p>
					</li>
					<li class="sd"> 湿度: <p class="shidu"></p>
					</li>
					<li class="fx"> 风向: <p class="fengxiang"></p>
					</li>
				</ul>
			</div>
		</div>
			城市：<input type="text" id="city" value="北京" />
			<br>
			<button type="button">提交</button>
		<br>

		<div id="box" class="right">
			<ul>
				<li class="w1">
					<h4 id="date"></h4>
					<span></span>
					<p id="high"></p>
					<p id="low"></p>
					白天:<p id="non"></p>
					夜间:<p id="night"></p>
				</li>
				<li class="w2">
					<h4 id="date"></h4>
					<span></span>
					<p id="high"></p>
					<p id="low"></p>
					白天:<p id="non"></p>
					夜间:<p id="night"></p>
				</li>
				<li class="w3">
					<h4 id="date"></h4>
					<span></span>
					<p id="high"></p>
					<p id="low"></p>
					白天:<p id="non"></p>
					夜间:<p id="night"></p>
				</li>
				<li class="w4">
					<h4 id="date"></h4>
					<span></span>
					<p id="high"></p>
					<p id="low"></p>
					白天:<p id="non"></p>
					夜间:<p id="night"></p>
				</li>
				<li class="w5">
					<h4 id="date"></h4>
					<span></span>
					<p id="high"></p>
					<p id="low"></p>
					白天:<p id="non"></p>
					夜间:<p id="night"></p>
				</li>
			</ul>
		</div>
		
	</div>
    <div class="main" ></div>	
	</body>
</html>